<template>
  <div class="left-nav">
    <ul>
      <li>
        <i class="icon iconfont icon--1"></i>
        <div>收银</div>
      </li>
      <li>
        <i class="icon iconfont icon--2"></i>
        <div>店铺</div>
      </li>
      <li>
        <i class="icon iconfont icon--5"></i>
        <div>商品</div>
      </li>
      <li>
        <i class="icon iconfont icon--3"></i>
        <div>会员</div>
      </li>
      <li>
        <i class="icon iconfont icon--4"></i>
        <div>统计</div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "LeftNav",
  data() {
    return {};
  }
};
</script>
<style scoped>
 .left-nav{
       color:#fff;
       font-size:10px;
       height:100%;
       background-color: #1D8ce0;
       float:left;
       width:5%;
    }
    .iconfont{
       font-size:24px;
    }
    .left-nav ul{
        padding:0px;
        margin: 0px;
    }
    .left-nav li{
        list-style: none;
        text-align: center;
        border-bottom:1px solid #20a0ff;
        padding:10px;
    }
</style>


